<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Tucon bicycle</title>

<!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,800' rel='stylesheet' type='text/css'>

<!-- font awesome -->
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<!-- bootstrap -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />

<!-- animate.css -->
<link rel="stylesheet" href="assets/animate/animate.css" />

<!-- gallery -->
<link rel="stylesheet" href="assets/gallery/blueimp-gallery.min.css">

<!-- favicon -->
<link rel="shortcut icon" href="images/123.png" type="image/x-icon">
<link rel="icon" href="images/123.png" type="image/x-icon">


<link rel="stylesheet" href="assets/style.css">

</head>

<body id="home">
<!-- header -->
      
       

      <h1 class="logo"><a href="#home" class="scroll">Cadomotus</a></h1>
      <div class="menu">
      <a href="#about" class="scroll">关于</a>
      <a href="#products" class="scroll">产品</a>      
      <a href="#contact" class="scroll">联系</a>      
      </div>
      <!-- slider -->
      <div id="carousel-banner" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="item active"><img src="images/webwxgetmsgimg (14).jpg" class="img-responsive">
               <!-- caption -->
              <div class="caption">
              <h2>Speed Roller Skating</h2>
              <p>速度轮滑(Speed Roller Skating)属于周期性耐久力竞速运动项目,在国际上被分为场地速度轮滑（双排轮滑）和竞技速度轮滑（单排轮滑）两种。超长距离和长距离是速度轮滑运动的基础项目，短距离是核心项目。
              </p>   
              </div>
              <!-- caption -->
        </div>
        <div class="item"><img src="images/webwxgetmsgimg.jpg" class="img-responsive">
               <!-- caption -->
              <div class="caption">
              <h2>Speed Roller Skating</h2>
              <p>为此，在实施训练中抓两头（长、短）项目带中间项目的训练指导思想，能更有效地提高培养运动员的成材率和提高团队乃至国家的整体实力。
              </p>   
              </div>
              <!-- caption -->
        </div>
        <div class="item"><img src="images/webwxgetmsgimg (12).jpg" class="img-responsive">
              <!-- caption -->
              <div class="caption">
              <h2>Speed Roller Skating</h2>
              <p>在培养优秀速度轮滑运动选手的训练中，应遵循以有氧代谢与无氧代谢混合功能为主的原则，结合不同项目对有氧代谢和无氧代谢需求比例的差异进行有针对性的身体专项机能训练。
              </p>   
              </div>
              <!-- caption -->
        </div>        
      </div>         
      <!-- Controls -->
      <div class="next-prev">
      <a class="left" href="#carousel-banner" role="button" data-slide="prev"><i class="fa fa-3x fa-angle-left"></i></a>
      <a class="right" href="#carousel-banner" role="button" data-slide="next"><i class="fa fa-3x fa-angle-right"></i></a>
      </div>
      </div>
      
      <!-- slider -->



<!-- about -->
<div class="about" id="about">
  <div class="container">
    <h2 class="text-center">知道什么让我们与众不同</h2>
    <div class="row">
    <div class="col-md-6 col-xs-12 col-md-offset-3">

        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
           <i class="fa fa-bicycle"></i> 有什么特色嘛
          </a>
        </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
        速滑的玩家对Cadomotus卡杜牧的顶级速滑鞋Ci1 Pro应该不会陌生，除了超高端性能、全碳纤可热塑的特性以外，最抓人眼球的莫过于其鞋面上的两个旋钮。  
        </div>
        </div>
        </div>
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
           <i class="fa fa-bicycle"></i> 迄今为止值得信任的原因
          </a>
        </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
         在2018年3月30日进行的堪称亚洲最高水平的速滑赛事之一的台湾速滑队选拔赛中，短距离200米成年组高茂杰与青年组林建佑分别以17秒534与17秒809的成绩夺魁，张家玮也以17秒750的成绩获得成年组亚军，从而成功入选台湾队，参加7月初的巴塞罗那WIC赛事。 而在赛场协助他们获得殊荣的正是卡杜牧的蓝魔法Turbo轮。             
        </div>
        </div>
        </div>
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
           <i class="fa fa-bicycle"></i>谁使用我们的产品最多？
          </a>
        </h4>
        </div>
        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
        Cádomotus专注于轮滑速滑上鞋、刀架、头盔、背包以及其他周边配件的研发，在速度滑冰行业也独树一帜，产品广泛杯世界级赛事中的冠军选手所采用，在国际速滑圈颇有知名度与影响力。所以无论在哪里只要有轮滑的影子就有卡杜牧！！！         
        </div>
        </div>
        </div>

        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
           <i class="fa fa-bicycle"></i>价格范围
          </a>
        </h4>
        </div>
        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
           <div class="clearfix food-list"><div class="pull-left">速度轮滑</div><span class="pull-right">$ 500.00</span></div>
          <div class="clearfix food-list"><div class="pull-left">头盔</div><span class="pull-right">$ 100.00</span></div>
          <div class="clearfix food-list"><div class="pull-left">轮滑轮子</div><span class="pull-right">$ 200.00</span></div>
          <div class="clearfix food-list"><div class="pull-left">轴承</div><span class="pull-right">$ 10.00</span></div>
        </div>
        </div>
        </div>

      


        </div>
        </div>     
    </div>
  </div>
</div>
<!-- about -->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
      


       <!-- product list -->
       <div id="products">
       <h2 class="text-center">关于我们的产品</h2>
        <div class="row-fluid gallery clearfix" id="portfolio">
              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/5.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>Casual Converse</h3>
                    <p>$ 100.00</p>
                    <a href="images/photos/5.jpg" title="Shoes" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/3.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>Casual Converse</h3>
                    <p>$ 30.00</p>
                    <a href="images/photos/3.jpg" title="Formal" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/7.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>Casual Converse</h3>
                    <p>$ 20.00</p>
                    <a href="images/photos/7.jpg" title="Red" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp ">
                <img src="images/photos/8.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>Casual Converse</h3>
                    <p>$ 20.00</p>
                    <a href="images/photos/8.jpg" title="Brown" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->



              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp ">
                <img src="images/photos/9.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>Casual Converse</h3>
                    <p>$ 50.00</p>
                    <a href="images/photos/9.jpg" title="Brown" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->


              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/10.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>Casual Converse</h3>
                    <p>$ 500.00</p>
                    <a href="images/photos/10.jpg" title="Red" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->



              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/2.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>Casual Converse</h3>
                    <p>$ 500.00</p>
                    <a href="images/photos/2.jpg" title="Shoes" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/4.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>Casual Converse</h3>
                    <p>$ 76.00</p>
                    <a href="images/photos/4.jpg" title="Formal" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->
       </div>
       </div>
       <!-- product list -->


       <!-- contact -->
       <div class="contact" id="contact">

       <div class="container">
       <h2 class="text-center">如果您喜欢我们的产品，请联系我们获得详细信息哦</h2>
       <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
          <form>
                <div class="form-group">
                    <input id="name" name="name" type="text" class="form-control" placeholder="姓名"> 
                </div>
                <div class="form-group">
                    <input id="email" name="email" type="email" class="form-control" placeholder="邮箱">
                </div>
                <div class="form-group">
                    <textarea id="message" name="message" class="form-control" placeholder="其他联系方式" rows="5"></textarea>
                </div>                  
                <button type="submit" class="btn btn-warning"><i class="fa fa-send-o"></i> 确定提交</button>
            </form>
         
          </div>
        </div>
       </div>
       </div>

       
       <div id="map"></div>
       <!-- contact -->


        <!-- footer -->
        <div class="footer text-center">
          <div class="social">
          <a href="#"><i class="fa fa-facebook fa-2x"></i></a>
          <a href="#"><i class="fa fa-instagram fa-2x"></i></a>
          <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
          <a href="#"><i class="fa fa-pinterest fa-2x"></i></a>
          </div>
        Powered by: <a href="#">thebootstrapthemes</a> 
More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">Cadomotus</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">卡杜牧</a>
        </div>
        <!-- footer -->






      <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
      <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
          <!-- The container for the modal slides -->
          <div class="slides"></div>
          <!-- Controls for the borderless lightbox -->
          <h3 class="title">Title</h3>
          <a class="prev">‹</a>
          <a class="next">›</a>
          <a class="close">×</a>
          <!-- The modal dialog, which will be used to wrap the lightbox content -->    
      </div>

<a href="#home" class="gototop scroll"><i class="fa fa-angle-up  fa-3x"></i></a>

<!-- jquery -->
<script src="assets/jquery.js"></script>

<!-- wow script -->
<script src="assets/wow/wow.min.js"></script>

<!-- boostrap -->
<script src="assets/bootstrap/js/bootstrap.js" type="text/javascript" ></script>

<!-- jquery mobile -->
<script src="assets/mobile/touchSwipe.min.js"></script>
<script src="assets/respond/respond.js"></script>

<!-- gallery -->
<script src="assets/gallery/jquery.blueimp-gallery.min.js"></script>


 <script src='https://maps.googleapis.com/maps/api/js?key=&sensor=false&extension=.js'></script> 
 
<!-- custom script -->
<script src="assets/script.js"></script>

</body>
</html>